{!! Html::style(env("APP_URL").'/assets/backend/admin/css/jquery-ui.min.css') !!}
{!! Html::style(env("APP_URL").'/assets/backend/admin/css/common.css') !!}
{!! Html::style(env("APP_URL").'/assets/backend/admin/css/angular-motion.min.css') !!}
{!! Html::style(env("APP_URL").'/assets/backend/admin/css/order.css') !!}
{!! Html::style(env("APP_URL").'/assets/backend/admin/css/multiselect.css') !!}
{!! Html::style(env("APP_URL").'/assets/backend/admin/css/slideGallery.css') !!}
{!! Html::style(env("APP_URL").'/assets/backend/admin/css/printTemplate.css') !!}
{!! Html::style(env("APP_URL").'/assets/backend/admin/css/aiui.css') !!}
{!! Html::style(env("APP_URL").'/assets/backend/admin/css/postil.css') !!}
{!! Html::style(env("APP_URL").'/assets/backend/libs/jquery-ui-1.9.2/css/ui-lightness/jquery-ui-1.9.2.custom.css') !!}
{!! Html::style(env("APP_URL").'/assets/backend/libs/jqGrid/css/ui.jqgrid.css') !!}
<style>
    .table-thead th {
        text-align: center;
    }
</style>
@include('shop-backend::includes.loading')
<div class="tabs-container" ng-app="JxApp" style="min-height: 500px;display: none">
    <div class="tab-content" ng-controller="ColorsFormModule" id="recordCtrl">
        <div class="recordBill">
			<form class="form-inline searchForm ng-valid ng-valid-required ng-dirty" role="form" id="searchForm">
				<div class="group-group" style="min-width:150px;">
					<label>流水类型：</label>
					<div style="display:inline-block;width:100px;">
						<exselect ng-model="searchType" sel-val="searchForm.recordType" data="recordTypes" datareader="{text:'name',val:'id'}" placeholder="-全部-" exoptions="[{text:'-全部-',val:''}]"></exselect>
					</div>
				</div>


			  <div class="form-group " style="min-width:230px;">
			    <label><span class="text-danger">* </span>商品：</label>
			    <div style="display: inline-block; width: auto;">
                    <mulselect ng-model="searchForm.good" sel-val="searchForm.goodsSn" ng-change="changeGood()" datareader="{val:'goods_no'}" url="{{ route('admin.shop.public.goodsSelect') }}" placeholder="-请选择-" class="ng-isolate-scope ng-pristine ng-valid">

                    </mulselect>
                </div>
			  </div>
			  <div class="form-group" style="min-width:165px;">
			    <label>颜色：&nbsp;</label>
			    <div style="display:inline-block;width:100px;">
                    <exselect ng-model="searchColor" sel-val="searchForm.colorId" data="currentColors" datareader="{text:'name',val:'id'}" placeholder="-请选择-" exoptions="[{text:'-请选择-',val:''}]" class="ng-isolate-scope ng-pristine ng-valid">

                    </exselect>
			    </div>
			  </div>
			  <div class="form-group" style="min-width:165px;">
			    <label>尺码：&nbsp;</label>
			    <div style="display:inline-block;width:100px;">
                    <exselect ng-model="searchSize" sel-val="searchForm.sizeId" data="currentSizes" datareader="{text:'name',val:'id'}" placeholder="-请选择-" exoptions="[{text:'-请选择-',val:''}]" class="ng-isolate-scope ng-pristine ng-valid">

                    </exselect>
			    </div>
			  </div>

				<div class="form-group date-group">
					<label>日期：</label> <input placeholder="开始日期" style="width: 110px" type="text" class="form-control ng-valid-date ng-valid ng-valid-required ng-dirty" datepicker-popup="" ng-model="searchForm.createTimeBegin" show-weeks="false" ng-required="true" show-button-bar="false" required="required">
				</div>
				<div class="form-group " style="min-width:140px;">
					<label style="font-weight: normal;">至&nbsp;</label> <input placeholder="结束日期" type="text" class="form-control ng-pristine ng-valid-date ng-valid ng-valid-required" datepicker-popup="" style="width: 110px" ng-model="searchForm.createTimeEnd" show-weeks="false" ng-required="true" show-button-bar="false" required="required">

				</div>

			  <div class="form-group">
				{{--<button class="btn-normal " type="button" id="searchBtn" ng-click="search();" ng-disabled="searchForm.goodsSn == undefined || searchForm.goodsSn == ''" value="0">
				查询</button>--}}
				  <button class="btn-normal " type="button" id="searchBtn" ng-click="search();"  value="0">
					  查询</button>
			  </div>
			</form>
			<div id="recordBill">
			  <div ng-show="!queryingData" style="text-align: center;" class="">
                <table class="table table-bordered-all table-hover" border="1" style="border-collapse: collapse;border-spacing: 0;border: 1px solid #dddddd;width: 100%; line-height: 32px;">
                    <thead>
                        <tr class="table-thead">
                            <th>业务时间</th>
                            <th>货号</th>
                            <th>名称</th>
                            <th>颜色</th>
                            <th>尺码</th>
                            <th>业务类别</th>
                            <th>业务单号</th>
                            <th>库存变化数量</th>
                            <th>剩余数量</th>
                        </tr>
                    </thead>
                    <tbody style="text-align: center;">
                        <tr ng-repeat="data in dataList" class="ng-scope">
				  			<td><span ng-bind="data.created_at | date:'yyyy-MM-dd HH:mm'" class="ng-binding"></span></td>
				  			<td><span ng-bind="data.meta.goods_no" class="ng-binding"></span></td>
				  			<td><span ng-bind="data.meta.goods_name" class="ng-binding"></span></td>
				  			<td><span ng-bind="data.meta.color" class="ng-binding"></span></td>
				  			<td><span ng-bind="data.meta.size" class="ng-binding"></span></td>
				  			<td><span ng-bind="data.business_type_text" class="ng-binding ng-scope"></span></td>
				  			<td><span ng-bind="data.order_no" class="ng-binding"></span></td>
				  			<td><span ng-bind="data.change_count" class="ng-binding"></span></td>
				  			<td><span ng-bind="data.current_stock" class="ng-binding"></span></td>
				  		</tr>
                    </tbody>
                </table>
			  </div>
			</div>
		</div>
    </div>
</div>
{!! Html::script(env("APP_URL").'/assets/backend/admin/js/angular.min.js') !!}
{!! Html::script(env("APP_URL").'/assets/backend/admin/js/angular-animate.min.js') !!}
{!! Html::script(env("APP_URL").'/assets/backend/admin/js/angular-resource.min.js') !!}
{!! Html::script(env("APP_URL").'/assets/backend/admin/js/angular-sanitize.min.js') !!}
{!! Html::script(env("APP_URL").'/assets/backend/admin/js/ng-currency.min.js') !!}
{!! Html::script(env("APP_URL").'/assets/backend/admin/js/angular-cookie.min.js') !!}
{!! Html::script(env("APP_URL").'/assets/backend/admin/js/angular-locale_zh-cn.js') !!}
{!! Html::script(env("APP_URL").'/assets/backend/admin/js/ui-bootstrap-tpls-0.10.0.min.js') !!}
{!! Html::script(env("APP_URL").'/assets/backend/admin/js/angular-strap.js') !!}
{!! Html::script(env("APP_URL").'/assets/backend/admin/js/angular-strap.tpl.js') !!}
{!! Html::script(env("APP_URL").'/assets/backend/admin/js/service.js') !!}

{!! Html::script(env("APP_URL").'/assets/backend/libs/jqGrid/js/i18n/grid.locale-cn.js') !!}
{!! Html::script(env("APP_URL").'/assets/backend/libs/jqGrid/js/jquery.jqGrid.min.js') !!}
{!! Html::script(env("APP_URL").'/assets/backend/libs/jquery-ui-1.9.2/js/jquery-ui-1.9.2.custom.js') !!}

<script>
    var base = '{{ env('APP_URL') }}';
    var allSizes = {!! json_encode($sizes) !!};
    var allColors = {!! json_encode($colors) !!};
	var recordTypeListJson = {!! json_encode($types) !!};
</script>
@include('shop-backend::includes.loading-script')
@include('shop-backend::purchase.includes.common')
@include('shop-backend::stockRecord.mulselect')
@include('shop-backend::stockRecord.goodsStoredRecordList')